@import "mixins/components-badges";

.c-badge {
  .badge(@badge-background-color, @badge-color, @badge-background-color);
  display: inline-block;
  margin: @badge-margin;
  padding: @badge-padding;
  border-radius: @badge-border-radius;
  font-size: @badge-font-size;
  font-weight: @badge-font-weight;
  line-height: @badge-line-height;

  &.c-badge--ghost {
    .badge(@badge-ghost-background-color, @badge-ghost-color)
  }
}

.c-badge--rounded {
  border-radius: @badge-border-radius-rounded;
}

.c-badge--brand {
  .badge(@badge-brand-background-color, @badge-brand-color, @badge-brand-background-color);

  &.c-badge--ghost {
    .badge(@badge-ghost-brand-background-color, @badge-ghost-brand-color)
  }
}

.c-badge--info {
  .badge(@badge-info-background-color, @badge-info-color, @badge-info-background-color);

  &.c-badge--ghost {
    .badge(@badge-ghost-info-background-color, @badge-ghost-info-color)
  }
}

.c-badge--warning {
  .badge(@badge-warning-background-color, @badge-warning-color, @badge-warning-background-color);

  &.c-badge--ghost {
    .badge(@badge-ghost-warning-background-color, @badge-ghost-warning-color)
  }
}

.c-badge--success {
  .badge(@badge-success-background-color, @badge-success-color, @badge-success-background-color);

  &.c-badge--ghost {
    .badge(@badge-ghost-success-background-color, @badge-ghost-success-color)
  }
}

.c-badge--error {
  .badge(@badge-error-background-color, @badge-error-color, @badge-error-background-color);

  &.c-badge--ghost {
    .badge(@badge-ghost-error-background-color, @badge-ghost-error-color)
  }
}
